import { defineConfig, presetIcons, presetUno,transformerDirectives } from 'unocss';

import { colors } from './src/config/theme';

export default defineConfig({
  presets: [
    presetUno(),
    presetIcons({
      scale: 1.2,
      warn: true
    }),
    (transformerDirectives as any)()
  ],
  theme: {
    colors
  },
  shortcuts: {
    'w-half': 'w-[50%]',
    'text-12': 'text-12 leading-20 font-400',
    'text-12--bold': 'text-12 leading-20 font-600',
    'text-14': 'text-14 leading-22 font-400',
    'text-14--bold': 'text-14 leading-22 font-600',
    'text-16': 'text-16 leading-24 font-400',
    'text-16--bold': 'text-16 leading-24 font-600',
    'text-20': 'text-20 leading-28 font-400',
    'text-20--bold': 'text-20 leading-28 font-600',
    'text-24': 'text-24 leading-32 font-400',
    'text-24--bold': 'text-24 leading-32 font-600',
    'text-28': 'text-28 leading-36 font-400',
    'text-28--bold': 'text-28 leading-36 font-600',
    'text-32': 'text-32 leading-40 font-400',
    'text-32--bold': 'text-32 leading-40 font-600',
    'text-36': 'text-36 leading-44 font-400',
    'text-36--bold': 'text-36 leading-44 font-600',
    'text-40': 'text-40 leading-48 font-400',
    'text-40--bold': 'text-40 leading-48 font-600',
    'text-44': 'text-44 leading-52 font-400',
    'text-44--bold': 'text-44 leading-52 font-600',
    'text-48': 'text-48 leading-56 font-400',
    'text-48--bold': 'text-48 leading-56 font-600'
  }
});
